// TODO: 将虚拟节点生成 DOM元素，并返回出去
export default function createElement (vnode) {
    // 1 创建DOM元素
    let domNode = document.createElement(vnode.sel)
    // 2 补充elm属性
    vnode.elm = domNode
    // 3 虚拟节点是否有文本
    if (vnode.text && !(vnode.children && vnode.children.length > 0)) {
        domNode.innerText = vnode.text
    }
    // 4 虚拟节点有子节点
    else {
        let children = vnode.children
        for (const i in children) {
            // 递归创建子节点
            vnode.elm.appendChild(createElement(children[i]))
        }
    }
    return vnode.elm
}